<template>
	<div data-exposure="exposure1">exposure1</div>
	<el-button type="primary" size="default" @click="showData">
		显示动态数据
	</el-button>
	<div v-if="isShow">
		<div v-for="item in list" :data-exposure="item" :key="item">
			{{ item }}
		</div>
	</div>
	<div class="box">box</div>
	<div data-exposure="exposure2">exposure2</div>
</template>
<script setup>
	import { ref } from 'vue';
	let isShow = ref(false);
	let list = ref(['user-01', 'user-02', 'user-03', 'user-04']);

	let showData = () => {
		isShow.value = !isShow.value;
	};
</script>
<style>
	.box {
		width: 100px;
		height: 3000px;
		background: red;
	}
</style>
